<template>
  <div>
     ==={{obj.name}}
     <input  type="button" @click="say()" value="btn"/>
  </div>
</template>

<script>
import {reactive} from  'vue'
/* 目的：setup中直接定义的数据  不是响应式数据   reactive函数  放的是复杂数据类型 */
export default {
  setup () {
    // var obj={
    //   name:'jack'
    // }
    //  使用reactive函数将obj转变成响应式数据
    var obj=reactive({
      name:'jack'
    })
    const say = () => {
      
      obj.name='rose'
      console.log(obj)
    
    }
    return {say,obj}
  }
}
</script>

<style lang="scss" scoped>

</style>